<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>实时预测</title>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css"><!--演示页面样式，使用时可以不引用-->
	<link rel="stylesheet" type="text/css" href="css/button.css"><!--演示页面样式，使用时可以不引用-->
	<style type="text/css">
		.table td, .table th {
		    padding: 0;
		    vertical-align: top;
		    border-top: 1px solid #dee2e6;
		}
		body {
		    font-weight: 300;
		    font-size: 0.9em;
		    font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
		}
	</style>
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>实时预测<span>sortable with pagination</span></h1>

		</header>
		<div class="container" style="padding: 30px 0;">
			<p style="text-align: center;font-size: 0.8em;">算法一准确率：35%,算法二准确率：35%,算法三准确率：32%<br>加拿大28组合提醒：大双未开 , <span style="color:#ff0000">2期</span>, 小单未开 , <span style="color:#ff0000">3期</span>, 小双未开 , <span style="color:#ff0000">7期</span>, </p>
			<table id="sampleTableA" class="table table-striped sampleTable">
				<thead>
					<tr>
						<th style="text-align:center">期号</th>
						<th style="text-align:center;min-width: 110px;">开奖</th>
						<th style="text-align:center;min-width: 99px">预测</th>
<!-- 						<th style="text-align:center;min-width: 99px">对错</th> -->
					</tr>
				</thead>
				<tbody>
<tr><td style="text-align:center">2531000</td><td style="text-align:center">?</td><td style="text-align:center"><a href="#" class="button button-highlight button-box button-small">单</a> <a href="#" class="button button-highlight button-box button-small">双</a> <a href="#" class="button button-highlight button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530999</td><td style="text-align:center">7 + 1 + 9 = 17</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530998</td><td style="text-align:center">1 + 9 + 7 = 17</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530997</td><td style="text-align:center">9 + 5 + 0 = 14</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530996</td><td style="text-align:center">5 + 0 + 2 = 07</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530995</td><td style="text-align:center">7 + 3 + 4 = 14</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530994</td><td style="text-align:center">7 + 4 + 4 = 15</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530993</td><td style="text-align:center">7 + 7 + 4 = 18</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530992</td><td style="text-align:center">3 + 9 + 0 = 12</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530991</td><td style="text-align:center">7 + 6 + 0 = 13</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530990</td><td style="text-align:center">2 + 5 + 7 = 14</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530989</td><td style="text-align:center">6 + 0 + 5 = 11</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530988</td><td style="text-align:center">1 + 9 + 7 = 17</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530987</td><td style="text-align:center">0 + 9 + 9 = 18</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530986</td><td style="text-align:center">8 + 4 + 1 = 13</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530985</td><td style="text-align:center">2 + 3 + 1 = 06</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530984</td><td style="text-align:center">5 + 6 + 1 = 12</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530983</td><td style="text-align:center">4 + 9 + 1 = 14</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530982</td><td style="text-align:center">8 + 8 + 1 = 17</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530981</td><td style="text-align:center">9 + 7 + 0 = 16</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530980</td><td style="text-align:center">5 + 9 + 6 = 20</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530979</td><td style="text-align:center">8 + 7 + 9 = 24</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">双</a></td></tr><tr><td style="text-align:center">2530978</td><td style="text-align:center">4 + 4 + 4 = 12</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530977</td><td style="text-align:center">9 + 2 + 3 = 14</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530976</td><td style="text-align:center">6 + 1 + 0 = 07</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">单</a> <a href="#" class="button button-caution button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530975</td><td style="text-align:center">7 + 0 + 0 = 07</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-caution button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530974</td><td style="text-align:center">1 + 8 + 1 = 10</td><td style="text-align:center"><a href="#" class="button button-caution button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">单</a> <a href="#" class="button button-action button-box button-small">单</a></td></tr><tr><td style="text-align:center">2530973</td><td style="text-align:center">2 + 6 + 1 = 09</td><td style="text-align:center"><a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a> <a href="#" class="button button-action button-box button-small">双</a></td></tr>

				</tbody>
			</table>


		</div>

	</div>

	<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/js.geotools/dist/geotools.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/js.geotools/dist/geotools-swedish-zipcodes.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/moment@2.24.0/moment.min.js"></script>
		<script src="./src/fancyTable.js"></script>
		<script type="text/javascript">
			// Word genarator
			function rWord(r){var t,n="bcdfghjklmnpqrstvwxyz",a="aeiou",e=function(r){return Math.floor(Math.random()*r)},o="";r=parseInt(r,10),n=n.split(""),a=a.split("");for(t=0;t<r/2;t++){var l=n[e(n.length)],p=a[e(a.length)];o+=0===t?l.toUpperCase():l,o+=2*t<r-1?p:""}return o}

			$(document).ready(function() {
				// And make them fancy
				$("#sampleTableA").fancyTable({
					sortColumn:0,
					sortOrder:'desc',
					pagination: true,
					perPage:10,
					globalSearch:true
				});

			});
			function asytask(){
				var data = 2530999
				var httpRequest = new XMLHttpRequest();
			        httpRequest.open('GET', 'http://106.15.250.9/prediction/1.dat', true);
			        httpRequest.send();
			        httpRequest.onreadystatechange = function () {
			            if (httpRequest.readyState == 4 && httpRequest.status == 200) {
			                var json = httpRequest.responseText;//获取到json字符串，还需解析
			                console.log(json);
			                if(data==json)
			                	console.log("ok");
			                else
			                	location.reload();
			            }
			        };
		    }
		    setInterval("asytask()",5000);
		</script>
</body>
</html>